<template>
  <el-carousel height="350px">
    <el-carousel-item v-for="item in 4" :key="item">
      <img :src="bannerImg"  alt=""/>
    </el-carousel-item>
  </el-carousel>
</template>
<script setup lang="ts">
import {ref} from 'vue'

const bannerImg = new URL('@/assets/banner.jpg',import.meta.url).href
</script>

<style scoped lang="scss">
.el-carousel{
  img{
    width: 100%;
    height: 350px;
    background-size: cover;
  }
}
</style>
